<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <script src="../js/rem.js"></script>
    <link rel="stylesheet"  type="text/css" href="../bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css">
    <link rel="stylesheet" type="text/css" href="../css/contact.css">
    <!-- <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=6W6bX2BEaNgIVEsmR31D1lUUZlSpqS2X"></script> -->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=WpGr67ZPE6Da5OWekyxfbGo97Cw4ri4F"></script>
    <title>联系我们</title>
</head>
<body>
    <!-- 导航 -->
    <div class="nav clearfix"></div>
    <!-- 背景图 -->
    <div class="contact-bg">
        <div class="phone">
            <div>如您有合作意向，欢迎致电我们</div>
            <div>13632226681 曾先生</div>
            <div>18688493557 梅先生</div>
            <div>13360039961 李女士</div>
        </div>
    </div>  

    <!-- 介绍 -->
    <div class="introduce">
        <div class="introduce-content clearfix">
            <div class="introduce-left fl">
                <p>宜百客是一家积极向上的创新型企业，利用前沿的科技眼界，让每个人都能感受新零售的力量。</p>
                <p>我们是一群平凡的人，凝聚在一起做不平凡的事。</p>
                <p>梦想：我们的梦想就是要成为行业标杆；</p>
                <p>追求：我们追求完美，希望通过我们的努力为客户提供最完美的产品；</p>
                <p>执着：我们执着于理想，坚定信念，不达目的誓不罢休。</p>
                <p>宜百客秉承合作、创新、开放、共赢的服务理念，持续加大研发投入，采用最先进科技和管理方法，创建智能、高效、便捷的零售新模式。</p>
                <p>宜百客期待与您携手共进，开创全球新零售的美好未来。</p>
            </div>
            <div class="introduce-right fr">
                <img src="../img/images/bn31.png">
            </div>
        </div>
    </div>


    <div class="motto-map">
        <div class="motto-top" id="containers"></div>
        <div class="motto-bottom">
            <div class="motto-bottom-title">
                <dd>联系我们<span>CONTACT US</span></dd>
                <dt>
                    <p>售后/投诉热线：13360039961 李小姐</p>
                    <!-- <p>传真：0769-22488067</p> -->
                    <p>制造商：广州宜百客信息科技有限公司</p>
                    <p>总经销：广州宜百客信息科技有限公司</p>
                    <p>地址：广东省广州市番禺区石基镇永峰路4号</p>
                    <p>生产基地：广东省广州市番禺区石基镇永峰路4号</p>
                </dt>
            </div>
            <div class="motto-img">
                <img src="../img/images/gongsi.png">
            </div>
        </div>
    </div>
    
    <!-- 回到顶部 -->
    <ul class="top"></ul>

    <!-- 底部 -->
    <div class="footer"></div>


    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
    <script src="../js/common.js"></script>

    <script>
        //创建和初始化地图函数：
        function initMap(){
            createMap();//创建地图
            setMapEvent();//设置地图事件
            addMapControl();//向地图添加控件
        }
        
        //创建地图函数：
        function createMap(){
            var map = new BMap.Map("containers");//在百度地图容器中创建一个地图
            var point = new BMap.Point(113.469654,22.964318);//定义一个中心点坐标
            map.centerAndZoom(point,11);//设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map;//将map变量存储在全局
            
        }
        
        //地图事件设置函数：
        function setMapEvent(){
            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard();//启用键盘上下左右键移动地图
        }
        
        //地图控件添加函数：
        function addMapControl(){
            //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
            //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
        map.addControl(ctrl_ove);
            //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
        }
        
        
        initMap();//创建和初始化地图

        //信息窗口
        var opts = {    
            width : 250,     // 信息窗口宽度    
            height: 100,     // 信息窗口高度    
            // title : "Hello"  // 信息窗口标题   
        }    
        var infoWindow = new BMap.InfoWindow("广州市宜百客自动售货机有限公司<br>电话：13360039961<br>地址：广州市南沙区永峰路4号2楼", opts);  // 创建信息窗口对象    
        map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口
    </script>
</body>
</html>